<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>后台管理界面 - 用户管理</title>
  <link rel="stylesheet" href="article-style.css">
</head>

<body>
  <div class="tz_content">
        <!--t_left start-->

        <div class="t_left">
            <div class="l_logo"></div>
            <div class="l_nav">
                <ul>
                    <li class="active">
                        <a href="../home/home.html">
                            <i class="icon_1"></i>
                            <span>首页</span>
                        </a>
                    </li>
                    <li>
                        <a href="../user/user.html">
                            <i class="icon_1"></i>
                            <span>用户管理</span>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <i class="icon_2"></i>
                            <span>文章管理</span>
                        </a>
                    </li>
                    <li>
                        <a href="../author/author.html">
                            <i class="icon_3"></i>
                            <span>作者管理</span>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
        <!--t_left end-->

                <!--t_header start-->
                <div class="t_header">
                    <!--h_nav start-->
                    <div class="h_nav">
                        <ul>
                            <li>
                                <a href="../home/home.html" class="h_sel">
                                    <i class="h_icon1"></i>
                                    <span>首页</span>
                                </a>
                            </li>
                        </ul>
                    </div>
                    <!--end h_nav-->
        
                    <!--h_info start-->
                    <div class="h_info">
                        <div class="h_user">当前用户：Administrators , 身份：系统管理员</div>
                        <div class="h_out">
                            <a href="../sign_in.html">
                                <span>退出</span>
                                <i></i>
                            </a>
                        </div>
                    </div>
                    <!--end h_info-->
        
                </div>
                <!--end t_header-->

        <!--t_right start-->
        <div class="t_right">
            <!-- r_location start -->
            <div class="r_location">
              <i></i>
              <p>您当前所在位置：文章管理</p>
            </div>
            <!-- end r_location -->
        
            <!-- 显示复选框和查询框 -->
            <div class="action-container">
                <button onclick="deleteArticle()">删除</button>
                <input type="checkbox" id="selectAll" onchange="toggleSelectAll()"> <label for="selectAll">全选</label>
                <input type="text" id="searchInput" class="search-input" placeholder="请输入文章关键字（2个字以上）">
                <button onclick="searchArticle()">查询</button>
            </div>
        
            <ul id="articleList"></ul>

            <div class="add-container">
                <input id="newArticleTitle" type="text" placeholder="文章标题">
                <input id="newArticleContent" type="text" placeholder="文章内容">
                <input id="newArticleAuthor" type="text" placeholder="作者名称">
                <button onclick="addArticle()">添加</button>
              </div>
        
            <!-- 分页容器 -->
            <div id="paginationContainer" class="pagination-container"></div>


        <!--end t_right-->
  </div>

  <script src="article.js"></script>
</body>
</html>